<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>确认订单</title>
	<link rel="stylesheet" href="../css/reset.css" />
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../css/comfirm.css" />
</head>
<body>
	<!--头部开始-->
	<header class="mui-bar mui-bar-nav top-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">确认订单</h1>
	</header>
	<!--头部结束-->
	<!--内容开始-->
	<div class="mui-content">
		<div class="out-box">
		    <div class="wrap">
		    	<img src="../images/confirm_location.png" alt="">
			    <span>填写收货地址</span>
			    <a class="mui-icon mui-icon-arrowright mui-pull-right"></a>
			</div>
		</div>
		<ul class="mui-table-view order-list">
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		        	<div class="pic mui-pull-left">
		            	<img class="mui-media-object" src="../images/all_record_commodity_03.png">
		            </div>
		            <div class="mui-media-body">
		                野山茶油5L 纯野山茶籽油
		                <p class='mui-ellipsis'>月销2000 领券减10元 店长推荐 3月压榨</p>
		           		<p class="mui-clearfix price">
		           			<span class="mui-pull-left">￥99</span>
		           			<button class="mui-pull-right">
		           				<span></span>
		           				<span></span>
		           				<span></span>
		           			</button>
		           		</p>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		        	<div class="pic mui-pull-left">
		            	<img class="mui-media-object" src="../images/all_record_commodity_03.png">
		            </div>
		            <div class="mui-media-body">
		                野山茶油5L 纯野山茶籽油
		                <p class='mui-ellipsis'>月销2000 领券减10元 店长推荐 3月压榨</p>
		           		<p class="mui-clearfix price">
		           			<span class="mui-pull-left">￥99</span>
		           			<button class="mui-pull-right">
		           				<span></span>
		           				<span></span>
		           				<span></span>
		           			</button>
		           		</p>
		            </div>
		        </a>
		    </li>
		</ul>
		<div class="total">
			<p class="mui-text-right">共两件商品合计：<span><small>￥</small>598.00</span</p>
		</div>
		<ul class="mui-table-view way">
		    <li class="mui-table-view-cell">
		        <a class="mui-navigate-right">配送方式</a>
		    </li>
		    <li class="mui-table-view-cell">
		        <a class="mui-navigate-right">使用会员卡</a>
		    </li>
		    <li class="mui-table-view-cell">
		        <a class="mui-navigate-right">使用店铺优惠券</a>
		    </li>
		</ul>
	</div>
	<!--内容结束-->
	<!--底部开始-->
	<footer class="mui-text-right">
		<span>合计：￥<strong>598.00</strong></span>
		<button>充值</button>
	</footer>
	<!--底部结束-->
	<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	mui.init();
    </script>
</body>
</html>